<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>实验1-17计科2411张心雨0306241131</title>
		<style>
			.yh,.xys{background-color: yellow;}
		</style>
	</head>
	<body>
		前端开发工程师|教师
		<ul type=" circle">
			<li><a href="#about">关于我</a></li>
			<li><a href="#skill">技能</a></li>
			<li><a href="#education">教育背景</a></li>
			<li><a href="#lianxi">联系我</a></li>
		</ul>
		<h1 id="about">关于我</h1>
		<img src="头像.jpg" width="120px" height="80px"/>
		<br />
		<h2>个人简介</h2>
		我是一名热爱<strong>前端开发</strong>的教师，拥有4年的网页开发经验。我专注于创建<span class="yh">用户友好</span>且<span class="xys">响应式</span>的网页设计。
		<h2>联系方式</h2>
		<em>邮箱：</em><a href=" ">sanri@example.com</a><br />
		<em>电话：</em><a href=" ">+86 138 0000 8000</a><br />
		<em>地址：</em><a href=" ">天津市河西区</a><br />
		<h1 id="skill">技能展示</h1>
		<table border="1">
			<caption>我的技能水平</caption>
			<tr>
				<th>
					<h3>技能</h3>
				</th>
				<th>
					<h3>熟练程度</h3>
				</th>
				<th>
					<h3>使用时间</h3>
				</th>
			</tr>
			<tr>
				<td>HTML</td>
				<td><progress value="90" max="100"></progress></td>
				<td>3年</td>
			</tr>
			<tr>
				<td>CSS</td>
				<td><progress value="83" max="100"></progress></td>
				<td>3年</td>
			</tr>
			<tr>
				<td>JavaScript</td>
				<td><progress value="72" max="100"></progress></td>
				<td>2年</td>
			</tr>
			<tr>
				<td>响应式设计</td>
				<td><progress value="82" max="100"></progress></td>
				<td>2年</td>
			</tr>
		</table>
		<h1 id="education">教育背景</h1>
		<table border="1">
			<tr>
				<th>时间</th>
				<th>学校</th>
				<th>专业</th>
				<th>学历</th>
			</tr>
			<tr>
				<td>2000-2007</td>
				<td>某某大学</td>
				<td>计算机科学与技术</td>
				<td>本科</td>
			</tr>
			<td>1997-1999</td>
			<td>某某高级中学</td>
			<td>理科</td>
			<td>高中</td>
		</table>
		<h1>我的介绍视频</h1>
		<video src="无标题视频——使用Clipchamp制作.mp4" controls width="600px" height="400px"></video>
		<h4>我的工作环境音乐</h4>
		<audio src="音乐.mp3" controls></audio>
		<h1 id="lianxi">联系我</h1>
		个人信息<br />
		姓名：<input type="text"/><br />
		邮箱：<input type="email"/><br />
		电话：<input type="tel"/><br /><br /><br />
		留言板<br />
		留言时间：<input type="date"/><br />
		留言：<br /><textarea style="width: 200px;height: 70px;"></textarea><br\>
		<br /><br />
		<input type="submit"/><br /><br /><br />
		© 2025 赵晶的个人主页.保留所有权力.<br /><br />
		关注我：<a href=" ">Gitee</a>&nbsp;|
	</body>
</html>